@import "../../styles/mixins";

.edb-table-index {
  /*******************************新css*********************************/
  
    .et{
      white-space: nowrap;
      &-header{

        @headerBackgroundColor:#e8e8e9;

        white-space: nowrap;
        overflow: hidden;
        position: relative;
        z-index: 2;

        background-color: @headerBackgroundColor;
        line-height: 28px;

        > div {
          display: inline-block;
          position: relative;
          z-index: 2;
          left:var(--tableOffsetX);
          border-right: 2px dotted #ddd;
        }

        >.header-fixed{
          z-index: 3 ;
          background-color: @headerBackgroundColor;
          left: 0;
        }

      }

      &-row{
        border-bottom: 1px dotted #ddd;
        line-height: 28px;

        position: relative;
        top:var(--tableOffsetY);

        > div {
          display: inline-block;
          position: relative;
          left:var(--tableOffsetX);
          border-right: 2px dotted #ddd;
        }

        >.fixed{
          z-index: 1 ;
          left: 0;
          background-color: #f7f7f7;
        }
      }

      &-odd{
        background-color:#f4f4f4;
        >.fixed{
          background-color: #ececec;
        }
      }

      &-even{
        // background-color: #f4f4f4;
      }

    }




  //  单元格状态样式
  .itemStatus-1 {
    background-color: #dfdfdf !important;
  }
  .itemStatus-2 {
    border: 1px solid black !important;
  }
  .itemStatus-4 {
    background-color: #00AEC7 !important;
  }

  // 对其方式
  .text-align- {
    &center {
      text-align: center;
    }
    &left {
      text-align: left;
    }
    &end {
      text-align: end;
    }
  }

  /*******************************新css*********************************/

  padding: 20px;

  .rightMenu {
    button {
      display: block;
      width: 100%;
    }
  }
}
